<template>
  <div id="app">
    <tabs>
      <tab name="江西省" :selected="true">
        <tabs>
          <tab name="南昌市" :selected="true">
            <div>东湖区</div>
            <div>西湖区</div>
          </tab>
          <tab name="萍乡市">
            <div>安源区</div>
          </tab>
          <tab name="九江市">
            <div>濂溪区</div>
          </tab>
        </tabs>
      </tab>
      <tab name="山西省">
        <tabs>
          <tab name="太原市" :selected="true">
            <div>小店区</div>
          </tab>
          <tab name="大同市">
            <div>云冈区</div>
            <div>新荣区</div>
          </tab>
        </tabs>
      </tab>
      <tab name="山东省">
        <tabs>
          <tab name="济南市" :selected="true">
            <div>历下区</div>
            <div>钢城区</div>
          </tab>
          <tab name="青岛市">
            <div>市南区</div>
          </tab>
          <tab name="淄博市">
            <div>淄川区</div>
          </tab>
        </tabs>
      </tab>
    </tabs>
  </div>
</template>

<script>
import tabs from '../components/LeftTabs'
import tab from '../components/Tab'

export default {
  name: 'App',
  components: { tabs, tab },
  data() {
    return {
    }
  }
}
</script>

<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
</style>
